<template>
	<el-container style="overflow: hidden;">
		<el-header class="header-tabs">
			<el-tabs type="card" v-model="groupId" @tab-change="tabChange">
				<el-tab-pane label="基本信息" name="baseinfo"  tabActiveName="baseinfo"></el-tab-pane>
				<el-tab-pane label="合同查询" name="contract"></el-tab-pane>
				<el-tab-pane label="奖惩查询" name="incentive"></el-tab-pane>
				<el-tab-pane label="证照查询" name="licence"></el-tab-pane>
				<el-tab-pane label="学习经历查询" name="learn"></el-tab-pane>
				<el-tab-pane label="工作经历查询" name="work"></el-tab-pane>
				<el-tab-pane label="人事调动查询" name="transfer"></el-tab-pane>
				<el-tab-pane label="薪资查询" name="salary"></el-tab-pane>
				<el-tab-pane label="考核查询" name="kpi"></el-tab-pane>
			</el-tabs>
		</el-header>
		<component :is="isComponent"/>
	</el-container>
</template>

<script>
import baseinfo from './baseinfo'
import contract from './contract'
import incentive from './incentive'
import licence from './licence'
import learn from './learn'
import work from './work'
import transfer from './transfer'
import salary from './salary'
import kpi from './kpi'
export default {
	name: 'Hr Search For MySelf',
	components: {
		baseinfo,
		contract,
		incentive,
		licence,
		learn,
		work,
		transfer,
		salary,
		kpi
	},
	data() {
		return {
			groupId:"baseinfo",
			isComponent:"baseinfo"
		}
	},
	methods: {
		tabChange(name){
			this.isComponent = name;
		},
	}
}
</script>

<style>
</style>
